<template>
    <div>
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1595184092459&di=2bebe7c913801da86da6e779e0ec1f63&imgtype=0&src=http%3A%2F%2Fp0.meituan.net%2Fdpgroup%2F6ef56cd91560866685da425c10e235df64615.gif" alt="404">
        <a href="/"></a>
    </div>
</template>

<script>
import Center from './Center';

export default {
    components: {
        Center
    },
    created() {
        document.title = 'NotFound';
    }
}
</script>

<style scoped>
    img {
        display: block;
        height: calc(100vh - 50px);
        margin: 0 auto;
        margin-top: 50px;
    }
    a {
        position: absolute;
        display: block;
        width: 132px;
        height: 42px;
        left: calc(47% - 20px);
        bottom: 47px;
        border-radius: 7px;
        z-index: 10;
    }
</style>